import React from 'react'
import { NavBar } from 'antd-mobile'
import { useNavigate } from 'react-router-dom'
import { Cell } from 'react-vant'
import { SubmitBar } from 'react-vant';
import { Plus } from '@react-vant/icons';

export default function Order() {
    const navigate = useNavigate()

    const back = () => {
        navigate(-1)
    }
    return (
        <div>
            <NavBar style={{ backgroundColor: '#fff', marginBottom: '20px' }} back='返回' onBack={back}>
                订单页
            </NavBar>

            <Cell
                onClick={() => navigate('/address')}
                style={{ height: '72px', borderBottom: '3px dashed orange' }}
                center
                title={'添加地址'}
                size='large'
                icon={<div style={{ width: '30px', height: '30px', backgroundColor: 'blue', color: '#fff', fontSize: '24px' }}><Plus /></div>}
                isLink
            />
            <SubmitBar price="0" buttonText="提交订单" />
        </div>
    )
}
